<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="css/index.css">
    <title>个人主页</title>
</head>
<body>
<article>
    <header class="nav">
        <span class="left-btn">
            <span class="icon icon-back"></span>
        </span>
        <h1>
            宋仲基
        </h1>
        <span class="right-btn">
            <span class="btn btn-detail">评分详情</span>
        </span>
    </header>

    <section class="main">
        <section class="main-body">
            <!--总评分列表-->
            <ul class="total-score-list">
                <li>
                    <span>自评</span>
                    <span>110</span>
                </li>
                <li>
                    <span>上级主管</span>
                    <span>88</span>
                </li>
                <li>
                    <span>同事评</span>
                    <span>80</span>
                </li>
                <li>
                    <span>得分</span>
                    <span>90</span>
                </li>
            </ul>
            <!--图表区-->
            <div class="chart-container"></div>
            <!--加分区-->
            <div class="add-score-container">
                <h2>加分</h2>
                <div class="score-editor">
                    <input type="number" name="" value="" placeholder="">
                    <span class="icon icon-circle-add"></span>
                </div>
                <ul class="score-item-list">
                    <li>业绩</li>
                    <li class="active">品德</li>
                    <li>工作能力</li>
                    <li>责任行为</li>
                    <li>工作态度</li>
                </ul>
                <h2>加分缘由</h2>
                <textarea name="" placeholder="请输入"></textarea>
                <button class="btn btn-save" type="button">确认</button>
            </div>
            </section>
    </section>
</article>
</body>
</html>